<template>
  <svg width="0" height="0">
    <defs>
      <symbol id="more" viewBox="0 0 100 100">
        <circle r="5" cx="20" cy="25" fill="currentColor"></circle>
        <circle r="5" cx="20" cy="50" fill="currentColor"></circle>
        <circle r="5" cx="20" cy="75" fill="currentColor"></circle>
        <line x1="40" y1="25" x2="90" y2="25" stroke-width="8" stroke="currentColor"></line>
        <line x1="40" y1="50" x2="90" y2="50" stroke-width="8" stroke="currentColor"></line>
        <line x1="40" y1="75" x2="90" y2="75" stroke-width="8" stroke="currentColor"></line>
      </symbol>
      <symbol id="filledArrowRight" viewBox="0 0 100 100">
        <polyline points="20 10, 80 50, 20 90" fill="currentColor"></polyline>
      </symbol>
      <symbol id="arrowRight" viewBox="0 0 100 100">
        <polyline points="30 20, 70 50, 30 80" fill="transparent" stroke="currentColor" stroke-width="3"></polyline>
      </symbol>
      <symbol id="message" viewBox="0 0 1024 1024">
        <path d="M0 0h1024v1024H0z" fill="currentColor" fill-opacity="0" p-id="1627"></path>
        <path
          d="M523.946667 85.333333C802.773333 85.333333 982.826667 307.541333 982.826667 511.338667c0 242.837333-197.397333 448-458.837334 448-84.16 0-150.464-16.597333-221.610666-55.402667l-88.618667 50.197333c-27.797333 8.426667-50.474667 5.162667-68.010667-9.834666-17.557333-14.997333-25.130667-34.730667-22.72-59.2a19570.688 19570.688 0 0 0 29.653334-106.368C123.008 741.76 64 656.426667 64 511.338667 64 307.541333 245.141333 85.333333 523.946667 85.333333z m-1.28 64C304.064 149.333333 128 317.12 128 522.666667c0 77.354667 24.874667 151.125333 70.634667 213.184l5.397333 7.125333 18.218667 23.509333-36.970667 128.746667a0.32 0.32 0 0 0 0.490667 0.384l113.408-63.829333 26.752 14.592C385.237333 878.72 452.544 896 522.666667 896 741.269333 896 917.333333 728.213333 917.333333 522.666667S741.269333 149.333333 522.666667 149.333333z m-192 320a53.333333 53.333333 0 1 1 0 106.666667 53.333333 53.333333 0 0 1 0-106.666667z m182.848 0a53.333333 53.333333 0 1 1 0 106.666667 53.333333 53.333333 0 0 1 0-106.666667z m182.869333 0a53.333333 53.333333 0 1 1 0 106.666667 53.333333 53.333333 0 0 1 0-106.666667z"
          fill="currentColor" p-id="1628">
        </path>
      </symbol>
    </defs>
  </svg>
</template>

<script>
export default {
  name: 'TestComponent',
  setup () {
    const message = 'keep'
    return {
      message
    }
  }
}
</script>

<style lang="scss" scoped></style>